/**
 * NonauthorizedDialog
 */
/*
 *
 * 1.外部调入 ./components/Recognize/index  setState  改变popupDialog
 *
 * */
 var React = require("react");
 var NonauthorizedDialog = React.createClass({
    handleOnCloseDialog: function (){
        this.props.updateState({popupDialog: ""})
    },
    render: function (){
        var rStyle = {
            position: "fixed",
            top: "40%",
            left: "50%",
            width: "670px",
            height: "auto",
            marginLeft: "-335px",
            display: "block",
            borderRadius: '5px',
            overflow: 'hidden'
        };
        return (
          <dialog style={rStyle} className="btg-modal widget-form shoppersDialog">
              <div className="btg-modal-content">
                  <div className="form-horizontal">
                      <div className="widget-form-title">
                          <label>权限限制</label>
                      </div>
                      <div className="form-group tip">
                          没有权限使用该功能，请升级账户后使用，更多信息请咨询010-56026625
                      </div>
                      <div className="form-group buttons">
                          <button onClick={this.handleOnCloseDialog} type="button">{$._("Confirm")}</button>
                      </div>
                  </div>
              </div>
              <a href="#" onClick={this.handleOnCloseDialog} className="modal-close icon-close"></a>
          </dialog>
        )
    }
 });

 module.exports = NonauthorizedDialog;
